// 适配背景图片
bg-image($url)
  background-image: url($url + "@2x.png")
  @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3)
    background-image: url($url + "@3x.png")

ellipsis()
  overflow hidden
  text-overflow ellipsis
  white-space nowrap

flex($direction = row)
  display flex;
  flex-direction $direction;

camp($line = 2)
  overflow hidden;
  text-overflow ellipsis;
  display -webkit-box;
  -webkit-line-clamp $line;
  -webkit-box-orient vertical;
  word-break break-word;

// 扩展点击区域
extend-click()
  position: relative
  &:before
    content: ''
    position: absolute
    top: -10px
    left: -10px
    right: -10px
    bottom: -10px
